<template>
    <div id="chatTop">
        <div class="title">
          <el-row :gutter="20">
           <el-col :span="4">
               <div class="grid-content bg-purple">
                 <Button type="success" icon="md-add" @click="addChat">添加</Button>
                </div>
            </el-col>
          <el-col :span="2">
              <div class="grid-content bg-purple">编号</div></el-col>
          <el-col :span="4">
              <div class="grid-content bg-purple">浏览次数</div>
            </el-col>
          <el-col :span="6">
              <div class="grid-content bg-purple">审核</div>
            </el-col>
          <el-col :span="8">
              <div class="grid-content bg-purple">操作</div>
            </el-col>
        </el-row>
      </div>
    </div>
</template>

<script>
export default {
    name:'chatTop',
    methods:{
        addChat(){
            this.$router.push('/chat/chatAdd')
        }
    }
}
</script>

<style lang="scss" scoped>
.title {
  background: #ffffff;
  border-top: 2px solid #62b3ff;
  height: 54px;
}
.grid-content {
      text-align: center;
      padding: 10px 0;
}
</style>